<template>
<div>
  <div class="LoseMoney animated fadeInUp" >
    <img class="title" src="../assets/img/title.png">
    <img class="Lose-btn"  @click="onBack" src="../assets/img/lose.png">
    <img class="LoseMoney-btn"  @click="onBack" src="../assets/img/back.png">
  </div>
</div>
</template>

<script>
export default {
  name: 'Success',
  data () {
    return {
      imgUrl: '',
      showMask: false
    }
  },
  mounted () {
  },
  methods: {
    onBack () {
      history.go(-1)
    }
  }
}
</script>
<style  @scoped lang="less">
    .LoseMoney{
      text-align: center;
      width: 100%;
      height: 100vh;
      .box{
        display: flex;
        align-items: center;
        justify-content: center;
        width: 5rem;
        height: 5rem;
        background: #999;
        border-radius: .2rem;
        margin: 0 auto;
        margin-top: 1.3rem;
        margin-bottom: .5rem;
      }
      .box-2{
        font-size: .4rem;
        color: #FFF;
        line-height: .8rem;
        width: 4.8rem;
        height: 4.8rem;
        background: #999;
        border-radius: .2rem;
        border: .01rem solid #FFF;
        .text{
          padding-top: .5rem;
        }
      }
      .title{
        width: 4.5rem;
        margin: 0 auto;
        padding-top: 1rem;
        padding-bottom: .6rem;
        height: 1.2rem;
      }

      .LoseMoney-btn{
        width: 2.2rem;
        margin: 0 auto;
        height: 0.84rem;
        padding-top: 2.49rem;
      }
      .Lose-btn{
         width: 5.11rem;
        margin: 0 auto;
        height: 3.45rem;
        padding-top: .7rem;
      }
    }
    </style>
